<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>华为商城</title>
    <link rel="icon" href="../img/index16.png" type="image/x-icon" />
    <link rel="stylesheet" href="../css/list.css">
    <link rel="stylesheet" href="../fonts/iconfont.css">
    <script src="../js/data.js"></script>

</head>

<body>
    <!-- 顶部部分 -->
    <div class="top">
        <div class="top1">
            <div class="top1-1">
                <a href="./index.html" style="color: white;"><span>首页</span></a>

                <span>|</span>
                <span>华为官网</span><span>|</span>
                <span>花粉俱乐部</span><span>|</span>
                <span>V码（优购码）</span><span>|</span>
                <span>企业购</span><span>|</span>
                <span>Select Region</span><span>首页</span>
                <span class="span1">
                    更多精彩
                    <span class="iconfont icon-xiajiantou1"></span>
                </span>
            </div>
            <div class="top1-2">
                <span>请登录</span><a href="./login.html" style="color: wheat;"><span>注册</span></a>
                <span class="top1-2-3">退出登录</span><span>|</span>
                <span class="span2">客户服务
                    <span class="iconfont icon-xiajiantou1"></span>
                </span>
                <span class="span2">网站导航
                    <span class="iconfont icon-xiajiantou1"></span>
                </span>
                <span class="span2">手机版
                    <span class="iconfont icon-xiajiantou1"></span>
                </span>
                <span class="span2">Select Region</span>

                <span style="background-color: rgb(19, 9, 9);" class="span2">
                    <span class="iconfont icon-gouwuche"></span>
                    购物车(0)</span>
            </div>
        </div>
    </div>


    <!-- logo部分 -->
    <div class="logo">
        <div class="logo1">
            <div class="logo1-1">
                <img src="../img/shopping.jpg">
            </div>
            <div class="logo1-2">
                <span>
                    <span class="iconfont icon-fenlei"></span>
                    全部分类</span>
                <span>华为专区</span>
                <span>莫塞尔</span>
                <span>华为智选</span>
                <span>鸿蒙智联</span>
                <span>HarmonyOS</span>
            </div>
            <form class="logo1-3">
                <input type="text" placeholder="nove5 p50">
                <span class="iconfont icon-ic_search24px"></span>
                <ul class="logo1-3-1">
                    <li>1</li>
                    <li>2</li>
                    <li>3</li>
                    <li>4</li>
                    <li>5</li>
                    <li>6</li>
                    <li>7</li>
                    <li>8</li>
                </ul>
            </form>
        </div>
    </div>

    <!-- 全部分类 隐藏部分 -->

    <ul class="logo2-1">
        <li class="logo2-1-1">
            <span>手机</span>
            <span class="iconfont icon-youjiantou"></span>
        </li>
        <li>
            <span>智能穿戴&VR</span>
            <span class="iconfont icon-youjiantou"></span>
        </li>
        <li>
            <span>耳机音箱眼镜</span>
            <span class="iconfont icon-youjiantou"></span>
        </li>
        <li>
            <span>智慧屏</span>
            <span class="iconfont icon-youjiantou"></span>
        </li>
        <li>
            <span>电脑</span>
            <span class="iconfont icon-youjiantou"></span>
        </li>
        <li>
            <span>平板</span>
            <span class="iconfont icon-youjiantou"></span>
        </li>
        <li>
            <span>智能路由</span>
            <span class="iconfont icon-youjiantou"></span>
        </li>
        <li>
            <span>配件</span>
            <span class="iconfont icon-youjiantou"></span>
        </li>
        <li>
            <span>生态产品</span>
            <span class="iconfont icon-youjiantou"></span>
        </li>
        <li>
            <span>家用电器</span>
            <span class="iconfont icon-youjiantou"></span>
        </li>
        <li>
            <span>美食酒饮</span>
            <span class="iconfont icon-youjiantou"></span>
        </li>
        <li>
            <span>增值服务&企业商用</span>
            <span class="iconfont icon-youjiantou"></span>
        </li>
    </ul>
    <!-- 手机 隐藏部分 -->
    <div class="logo2">
        <ul class="logo2-2 ">
            <li>
                <div class="logo2-2-1">
                    <img src="https://res.vmallres.com/pimages//pages/frontCategory/14651510730611515641.png">
                </div>
                HUAWEI mate系列
            </li>
            <li>
                <div class="logo2-2-1">
                    <img src="https://res.vmallres.com/pimages//pages/frontCategory/Dfv6Z1jNUpkSdQEfjU40.png">
                </div>
                HUAWEI P系列
            </li>
            <li>
                <div class="logo2-2-1">
                    <img src="https://res.vmallres.com/pimages//pages/frontCategory/15326212642611262351.png">
                </div>
                HUAWEI nova系列
            </li>
            <li>
                <div class="logo2-2-1">
                    <img src="https://res.vmallres.com/pimages//pages/frontCategory/wJHIfRVWj3kjLp9RoTBN.png">
                </div>
                HUAWEI畅想系列
            </li>
            <li>
                <div class="logo2-2-1">
                    <img src="https://res.vmallres.com/pimages//pages/frontCategory/53064196392619146035.png">
                </div>
                HUAWEI认证二手机
            </li>
            <li>
                <div class="logo2-2-1">
                    <img src="https://res.vmallres.com/pimages//pages/frontCategory/10543887972618834501.png">
                </div>
                手机配件
            </li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
        </ul>
        <ul class="logo2-3">
            <li>
                <div class="logo2-2-2">
                    <img src="https://res.vmallres.com/pimages//pages/frontCategory/97847210083611274879.png">
                </div>
                智慧科技
            </li>
            <li>
                <div class="logo2-2-2">
                    <img src="https://res.vmallres.com/pimages//pages/frontCategory/37562640083614626573.png">
                </div>
                经典全能
            </li>
            <li>
                <div class="logo2-2-2">
                    <img src="https://res.vmallres.com/pimages//pages/frontCategory/02057435183613475020.png">
                </div>
                专业极致
            </li>
            <li>
                <div class="logo2-2-2">
                    <img src="https://res.vmallres.com/pimages//pages/frontCategory/69110435183613401196.png">
                </div>
                时尚潮流
            </li>
            <li>
                <div class="logo2-2-2">
                    <img src="https://res.vmallres.com/pimages//pages/frontCategory/76199415183611499167.png">
                </div>
                健康守护
            </li>
            <li>
                <div class="logo2-2-2">
                    <img src="https://res.vmallres.com/pimages//pages/frontCategory/7rB1eW3yTzlmsJxUhz4o.png">
                </div>
                VR眼镜
            </li>
            <li>
                <div class="logo2-2-2">
                    <img src="https://res.vmallres.com/pimages//pages/frontCategory/17344023353612044371.png">
                </div>
                智能眼镜
            </li>
            <li>
                <div class="logo2-2-2">
                    <img src="https://res.vmallres.com/pimages//pages/frontCategory/84699725183612799648.png">
                </div>
                穿戴配件
            </li>
            <li>
                <div class="logo2-2-2">
                    <img src="https://res.vmallres.com/pimages//pages/frontCategory/10543887972618834501.png">
                </div>
                手机配件
            </li>
            <li>
                <div class="logo2-2-2">
                    <img src="https://res.vmallres.com/pimages//pages/frontCategory/98863233611613236889.png">
                </div>
                运动健身
            </li>
        </ul>
        <!-- 智慧屏 隐藏区域 -->
        <ul class="logo2-4">
            <li>
                <div class="logo2-2-3">
                    <img src="https://res.vmallres.com/pimages//pages/frontCategory/98026191672619162089.png">
                </div>
                华为智慧屏系列
            </li>
            <li>
                <div class="logo2-2-3">
                    <img src="https://res.vmallres.com/pimages//pages/frontCategory/00926602412610662900.png">
                </div>
                华为智慧屏系列
            </li>
            <li>
                <div class="logo2-2-3">
                    <img src="https://res.vmallres.com/pimages//pages/frontCategory/jCygCJMv6ginekIsCBmu.png">
                </div>
                华为智慧屏系列
            </li>
            <li>
                <div class="logo2-2-3">
                    <img src="https://res.vmallres.com/pimages//pages/frontCategory/61726998961619962716.png">
                </div>
                华为智慧屏系列
            </li>
            <li>
                <div class="logo2-2-3">
                    <img src="https://res.vmallres.com/pimages//pages/frontCategory/12138998961619983121.png">
                </div>
                华为智慧屏系列
            </li>
            <li>
                <div class="logo2-2-3">
                    <img src="https://res.vmallres.com/pimages//pages/frontCategory/35171438691613417153.png">
                </div>
                华为智慧屏系列
            </li>
            <li>
                <div class="logo2-2-3">
                    <img src="https://res.vmallres.com/pimages//pages/frontCategory/38340219912611204383.png">
                </div>
                华为智慧屏系列
            </li>
            <li>
                <div class="logo2-2-3">
                    <img src="https://res.vmallres.com/pimages//pages/frontCategory/32882511063611528823.jpg">
                </div>
                穿戴配件
            </li>
            <li></li>
            <li></li>
        </ul>
        <!-- 耳机音箱眼镜 logo2-1-3隐藏区域-->
        <ul class="logo2-5">
            <li>
                <div class="logo2-2-4">
                    <img src="https://res.vmallres.com/pimages//pages/frontCategory/62195671320617659126.png">
                </div>
                真无线耳机
            </li>
            <li>
                <div class="logo2-2-4">
                    <img src="https://res.vmallres.com/pimages//pages/frontCategory/37562640083614626573.png">
                </div>
                有线耳机
            </li>
            <li>
                <div class="logo2-2-4">
                    <img src="https://res.vmallres.com/pimages//pages/frontCategory/02057435183613475020.png">
                </div>
                蓝夜耳机
            </li>
            <li>
                <div class="logo2-2-4">
                    <img src="https://res.vmallres.com/pimages//pages/frontCategory/69110435183613401196.png">
                </div>
                蓝牙音箱
            </li>
            <li>
                <div class="logo2-2-4">
                    <img src="https://res.vmallres.com/pimages//pages/frontCategory/76199415183611499167.png">
                </div>
                智能眼镜
            </li>
            <li>
                <div class="logo2-2-4">
                    <img src="https://res.vmallres.com/pimages//pages/frontCategory/7rB1eW3yTzlmsJxUhz4o.png">
                </div>
                智能音箱
            </li>
            <li>
                <div class="logo2-2-4">
                    <img src="https://res.vmallres.com/pimages//pages/frontCategory/17344023353612044371.png">
                </div>
                学习智慧屏
            </li>
            <li></li>
            <li></li>
            <li></li>
        </ul>

        <!-- 电脑 隐藏区域 -->
        <ul class="logo2-6">
            <li>
                <div class="logo2-2-5">
                    <img src="https://res.vmallres.com/pimages//pages/frontCategory/54858153304615185845.png">
                </div>
                华为Mate book系列
            </li>
            <li>
                <div class="logo2-2-5">
                    <img src="https://res.vmallres.com/pimages//pages/frontCategory/12514231412613241521.png">
                </div>
                华为Mate book系列
            </li>
            <li>
                <div class="logo2-2-5">
                    <img src="https://res.vmallres.com/pimages//pages/frontCategory/tDI1s1C6u0UNK3kpjX35.png">
                </div>
                华为Mate book系列
            </li>
            <li>
                <div class="logo2-2-5">
                    <img src="https://res.vmallres.com/pimages//pages/frontCategory/72846645173614664827.png">
                </div>
                华为Mate book系列
            </li>
            <li>
                <div class="logo2-2-5">
                    <img src="https://res.vmallres.com/pimages//pages/frontCategory/10973011412611037901.png">
                </div>
                华为Mate book系列
            </li>
            <li>
                <div class="logo2-2-5">
                    <img src="https://res.vmallres.com/pimages//pages/frontCategory/91536469069516463519.png">
                </div>
                华为Mate book系列
            </li>
            <li>
                <div class="logo2-2-5">
                    <img src="https://res.vmallres.com/pimages//pages/frontCategory/05496773513617769450.png">
                </div>
                华为Mate book系列
            </li>
            <li>
                <div class="logo2-2-5">
                    <img src="https://res.vmallres.com/pimages//pages/frontCategory/30712873513617821703.png">
                </div>
                华为Mate book系列
            </li>
            <li>
                <div class="logo2-2-5">
                    <img src="https://res.vmallres.com/pimages//pages/frontCategory/76194353489515349167.png">
                </div>
                个人电脑配件
            </li>
            <li>
                <div class="logo2-2-5">
                    <img src="https://res.vmallres.com/pimages//pages/frontCategory/53990553489515509935.jpg">
                </div>
                电脑包
            </li>
            <li>
                <div class="logo2-2-5">
                    <img src="https://res.vmallres.com/pimages//pages/frontCategory/54858153304615185845.png">
                </div>
                华为Mate book系列
            </li>
            <li>
                <div class="logo2-2-5">
                    <img src="https://res.vmallres.com/pimages//pages/frontCategory/12514231412613241521.png">
                </div>
                华为Mate book系列
            </li>
            <li></li>
            <li></li>
            <li></li>
        </ul>
        <!-- 平板隐藏 区域 -->
        <ul class="logo2-7">
            <li>
                <div class="logo2-2-6">
                    <img src="https://res.vmallres.com/pimages//pages/frontCategory/33987645173614678933.png">
                </div>
                华为MatePa系列
            </li>
            <li>
                <div class="logo2-2-6">
                    <img src="https://res.vmallres.com/pimages//pages/frontCategory/97572401243610427579.png">
                </div>
                华为MatePa系列
            </li>
            <li>
                <div class="logo2-2-6">
                    <img src="https://res.vmallres.com/pimages//pages/frontCategory/48419031243613091484.png">
                </div>
                华为MatePa系列
            </li>
            <li>
                <div class="logo2-2-6">
                    <img src="https://res.vmallres.com/pimages//pages/frontCategory/02195131243613159120.png">
                </div>
                华为MatePa系列
            </li>
            <li>
                <div class="logo2-2-6">
                    <img src="https://res.vmallres.com/pimages//pages/frontCategory/21657453489515475612.png">
                </div>
                平板配件
            </li>
            <li>
                <div class="logo2-2-6">
                    <img src="https://res.vmallres.com/pimages//pages/frontCategory/91536469069516463519.png">
                </div>
                华为Mate book系列
            </li>
            <li>
                <div class="logo2-2-6">
                    <img src="https://res.vmallres.com/pimages//pages/frontCategory/05496773513617769450.png">
                </div>
                华为Mate book系列
            </li>
        </ul>
        <!-- 智能路由 隐藏区域 -->
        <ul class="logo2-8">
            <li>
                <div class="logo2-2-7">
                    <img src="https://res.vmallres.com/pimages//pages/frontCategory/CSkYxTgopbtV6bLHOxWq.png">
                </div>
                无线路由
            </li>
            <li>
                <div class="logo2-2-7">
                    <img src="https://res.vmallres.com/pimages//pages/frontCategory/httvqlH4j44xjH2Fkoeb.png">
                </div>
                全屋路由
            </li>
            <li>
                <div class="logo2-2-7">
                    <img src="https://res.vmallres.com/pimages//pages/frontCategory/39709729381612790793.png">
                </div>
                移动路由
            </li>
            <li>
                <div class="logo2-2-7">
                    <img src="https://res.vmallres.com/pimages//pages/frontCategory/02195131243613159120.png">
                </div>
                华为MatePa系列
            </li>
        </ul>
        <!-- 配件 隐藏区域 -->
        <ul class="logo2-9">
            <li>
                <div class="logo2-2-8">
                    <img src="https://res.vmallres.com/pimages//pages/frontCategory/iXXgaQhk3RhRNcb3dUhX.png">
                </div>
                充电器
            </li>
            <li>
                <div class="logo2-2-8">
                    <img src="https://res.vmallres.com/pimages//pages/navigation/jSg15QyIzY9GE4mVOHaI.jpg">
                </div>
                移动电源
            </li>
            <li>
                <div class="logo2-2-8">
                    <img src="https://res.vmallres.com/pimages//pages/frontCategory/UkPqRhFdsfuw0Mgon0lW.png">
                </div>
                自拍架
            </li>
            <li>
                <div class="logo2-2-8">
                    <img src="https://res.vmallres.com/pimages//pages/frontCategory/e7VsKW9NLDvxDXhBMFZD.png">
                </div>
                摄像机/镜头
            </li>
            <li>
                <div class="logo2-2-8">
                    <img src="https://res.vmallres.com/pimages//pages/navigation/RyT80PAF3dD0VUy9XTgz.png">
                </div>
                保护壳
            </li>
            <li>
                <div class="logo2-2-8">
                    <img src="https://res.vmallres.com/pimages//pages/navigation/nxlajbLtHHaH00OhSaAv.png">
                </div>
                保护套
            </li>
            <li>
                <div class="logo2-2-8">
                    <img src="https://res.vmallres.com/pimages//pages/navigation/UWVgAL2WFNeoVHZRRE8s.png">
                </div>
                贴膜
            </li>
            <li>
                <div class="logo2-2-8">
                    <img src="https://res.vmallres.com/pimages//pages/frontCategory/Xqw5avmFrpr7LGyNTZE0.png">
                </div>
                电脑配件
            </li>
            <li>
                <div class="logo2-2-8">
                    <img src="https://res.vmallres.com/pimages//pages/frontCategory/CSkYxTgopbtV6bLHOxWq.png">
                </div>
                无线路由
            </li>
            <li>
                <div class="logo2-2-8">
                    <img src="https://res.vmallres.com/pimages//pages/frontCategory/httvqlH4j44xjH2Fkoeb.png">
                </div>
                全屋路由
            </li>
            <li>
                <div class="logo2-2-8">
                    <img src="https://res.vmallres.com/pimages//pages/frontCategory/39709729381612790793.png">
                </div>
                移动路由
            </li>
            <li></li>
            <li></li>
            <li></li>
        </ul>
        <!-- 生态产品 隐藏区域 -->
        <ul class="logo2-10">
            <li>
                <div class="logo2-2-9">
                    <img src="https://res.vmallres.com/pimages//pages/frontCategory/iXXgaQhk3RhRNcb3dUhX.png">
                </div>
                运动健身
            </li>
            <li>
                <div class="logo2-2-9">
                    <img src="https://res.vmallres.com/pimages//pages/navigation/jSg15QyIzY9GE4mVOHaI.jpg">
                </div>
                健身保健
            </li>
            <li>
                <div class="logo2-2-9">
                    <img src="https://res.vmallres.com/pimages//pages/frontCategory/UkPqRhFdsfuw0Mgon0lW.png">
                </div>
                个护美妆
            </li>
            <li>
                <div class="logo2-2-9">
                    <img src="https://res.vmallres.com/pimages//pages/frontCategory/e7VsKW9NLDvxDXhBMFZD.png">
                </div>
                智能家装
            </li>
            <li>
                <div class="logo2-2-9">
                    <img src="https://res.vmallres.com/pimages//pages/navigation/RyT80PAF3dD0VUy9XTgz.png">
                </div>
                影音娱乐
            </li>
            <li>
                <div class="logo2-2-9">
                    <img src="https://res.vmallres.com/pimages//pages/navigation/nxlajbLtHHaH00OhSaAv.png">
                </div>
                户外出行
            </li>
            <li>
                <div class="logo2-2-9">
                    <img src="https://res.vmallres.com/pimages//pages/navigation/UWVgAL2WFNeoVHZRRE8s.png">
                </div>
                数码周边
            </li>
            
            <li></li>
            <li></li>
            <li></li>
        </ul>
        <!-- 家用电器 隐藏区域 -->
        <ul class="logo2-11">
            <li>
                <div class="logo2-2-10">
                    <img src="https://res.vmallres.com/pimages//pages/frontCategory/86922679232617622968.png">
                </div>
                充电器
            </li>
            <li>
                <div class="logo2-2-10">
                    <img src="https://res.vmallres.com/pimages//pages/frontCategory/12487679232617678421.png">
                </div>
                移动电源
            </li>
            <li>
                <div class="logo2-2-10">
                    <img src="https://res.vmallres.com/pimages//pages/frontCategory/49720779232617702794.png">
                </div>
                自拍架
            </li>
            <li>
                <div class="logo2-2-10">
                    <img src="https://res.vmallres.com/pimages//pages/frontCategory/78312182332618121387.png">
                </div>
                摄像机/镜头
            </li>
            <li>
                <div class="logo2-2-10">
                    <img src="https://res.vmallres.com/pimages//pages/frontCategory/55503592332619530555.png">
                </div>
                保护壳
            </li>
            <li>
                <div class="logo2-2-10">
                    <img src="https://res.vmallres.com/pimages//pages/frontCategory/77148482732618484177.png">
                </div>
                保护套
            </li>
            <li>
                <div class="logo2-2-10">
                    <img src="https://res.vmallres.com/pimages//pages/frontCategory/30018403332610481003.png">
                </div>
                贴膜
            </li>
            <li>
                <div class="logo2-2-10">
                    <img src="https://res.vmallres.com/pimages//pages/frontCategory/52380123332612108325.png">
                </div>
                电脑配件
            </li>
            <li>
                <div class="logo2-2-10">
                    <img src="https://res.vmallres.com/pimages//pages/frontCategory/CSkYxTgopbtV6bLHOxWq.png">
                </div>
                无线路由
            </li>
            <li></li>
        </ul>
        <!-- 美食酒饮 隐藏区域 -->
        <ul class="logo2-12">
            <li>
                <div class="logo2-2-11">
                    <img src="https://res.vmallres.com/pimages//pages/frontCategory/55741948201614914755.png">
                </div>
                甄选美酒
            </li>
            <li>
                <div class="logo2-2-11">
                    <img src="https://res.vmallres.com/pimages//pages/frontCategory/59609058201615090695.png">
                </div>
                甄选良品
            </li>
            <li>
                <div class="logo2-2-11">
                    <img src="https://res.vmallres.com/pimages//pages/frontCategory/60806303811610360806.png">
                </div>
                精选好物
            </li>
            <li>
                <div class="logo2-2-11">
                    <img src="https://res.vmallres.com/pimages//pages/frontCategory/78312182332618121387.png">
                </div>
                摄像机/镜头
            </li>
        </ul>
        <!-- 增值服务&企业商用 -->
        <ul class="logo2-13">
            <li>
                <div class="logo2-2-12">
                    <img src="https://res.vmallres.com/pimages//pages/frontCategory/ZQnJL2WVUmZvVDkFIDRE.png">
                </div>
                甄选美酒
            </li>
            <li>
                <div class="logo2-2-12">
                    <img src="https://res.vmallres.com/pimages//pages/frontCategory/druWEKy6zCanbd02FQhl.png">
                </div>
                甄选良品
            </li>
            <li>
                <div class="logo2-2-12">
                    <img src="https://res.vmallres.com/pimages//pages/frontCategory/qTEFwRvC8TEQ6qyHvIoB.png">
                </div>
                精选好物
            </li>
            <li>
                <div class="logo2-2-12">
                    <img src="https://res.vmallres.com/pimages//pages/frontCategory/ppk5HSXix5wsEv4KY0KQ.png">
                </div>
                摄像机/镜头
            </li>
            <li>
                <div class="logo2-2-12">
                    <img src="https://res.vmallres.com/pimages//pages/frontCategory/8J0Q5RpbK23FoBD4nX2h.png">
                </div>
                甄选良品
            </li>
            <li>
                <div class="logo2-2-12">
                    <img src="https://res.vmallres.com/pimages//pages/frontCategory/9xgKp8DlHGYOJTcuc4Qx.png">
                </div>
                精选好物
            </li>
            <li>
                <div class="logo2-2-12">
                    <img src="https://res.vmallres.com/pimages//pages/frontCategory/96313949890614931369.png">
                </div>
                摄像机/镜头
            </li>
            <li>
                <div class="logo2-2-12">
                    <img src="https://res.vmallres.com/pimages//pages/frontCategory/32369229421612296323.png">
                </div>
                甄选良品
            </li>
            <li>
                <div class="logo2-2-12">
                    <img src="https://res.vmallres.com/pimages//pages/navigation/alMghfvLjM8qE4wuTjY4.png">
                </div>
                精选好物
            </li>
            <li>
                <div class="logo2-2-12">
                    <img src="https://res.vmallres.com/pimages//pages/frontCategory/78062287251618226087.png">
                </div>
                摄像机/镜头
            </li>
            <li>
                <div class="logo2-2-12">
                    <img src="https://res.vmallres.com/pimages//pages/frontCategory/81045402362610454018.png">
                </div>
                甄选良品
            </li>
            <li>
                <div class="logo2-2-12">
                    <img src="https://res.vmallres.com/pimages//pages/frontCategory/67503871212617830576.png">
                </div>
                精选好物
            </li>
            <li>
                <div class="logo2-2-12">
                    <img src="https://res.vmallres.com/pimages//pages/frontCategory/78312182332618121387.png">
                </div>
                摄像机/镜头
            </li>
        </ul>
    </div>

    <!-- 列表区域 -->
    <div class="list">
        <div class="list1">
            <div class="list1-1">
                <span>首页</span>
                <span> > </span>
                <span>手机</span>
            </div>
            <div class="list1-2">
                <ul class="list1-2-1">
                    <li>分类：</li>
                    <li>配件</li>
                    <li>手机配件</li>
                    <li>手机</li>
                    <li>保护壳</li>
                    <li>充电器</li>
                    <li>移动电源</li>
                    <li>自拍杆/支架</li>
                    <li>通用配件</li>
                    <li>
                        <buttom>更多
                            <span class="iconfont icon-xiajiantou1"></span>
                        </buttom>
                    </li>
                </ul>
                <ul class="list1-4">
                    <li>服务优惠：</li>
                    <li>仅看有货</li>
                    <li>分期免息</li>
                    <li>优惠商品</li>
                </ul>
                <ul class="list1-3">
                    <li>排序：</li>
                    <li>综合</li>
                    <li>最新</li>
                    <li>评论数</li>
                    <li class="li5">
                        价格
                        <span class="iconfont icon-shangxia"></span>
                    </li>
                </ul>
            </div>
        </div>
        <div class="page">
            <p>1</p>
            <p>2</p>
            <p>3</p>
            <p>4</p>
        </div>
        <!-- 渲染列表 -->
        <div class="listBox">
            <div class="listBox1">
                <ul class="listBox1-1">

                    <!-- <li data-productId="">
                    <p>
                        <img
                            src="https://res.vmallres.com/pimages//uomcdn/CN/pms/202203/gbom/6941487256372/428_428_D41DCC94EF9BCA97F5B4F72F782A4ED4mp.png">
                    </p>
                    <p>HUAWEI P50 Pro</p>
                    <p class="allPrice">
                        <span class="price" >￥5988</span>
                        <span>多款可选</span>
                    </p>
                    <p>
                        <span>赠送积分</span>
                    </p>
                    <p>
                        <span>8305人评价</span>
                        <span>97%好评</span>
                    </p>
                </li>  -->

                </ul>

            </div>
        </div>


        <!-- 底部footer -->
        <div class="footer">
            <div class="footer1">
                <div class="footer1-1">
                    <div class="footer1-2">
                        <span class="iconfont icon-quanqiuhuadaiquan"></span>
                        <span>百强企业 品质保障</span>
                    </div>
                    <div class="footer1-3">
                        <span class="iconfont icon-7tianwuliyoutuihuo"></span>
                        <span>7天退货 15天换货</span>
                    </div>
                    <div class="footer1-4">
                        <span class="iconfont icon-shubendaiquan"></span>
                        <span>48元起免运费</span>
                    </div>
                    <div class="footer1-5">
                        <span class="iconfont icon-a-dingweiditudaohangweizhiduijiao-21"></span>
                        <span>2000家服务店 全国联保</span>
                    </div>
                </div>
                <div class="footer2-1">
                    <div class="footer2-2">
                        <ul>
                            <li style="font-size: 17px; color: #000;">购物指南</li>
                            <li>免息分期</li>
                            <li>以旧换新</li>
                            <li>众测活动</li>
                            <li>企业购</li>
                            <li>O2O采购</li>
                        </ul>
                        <ul>
                            <li style="font-size: 17px; color: #000;">售后服务</li>
                            <li>门店维修</li>
                            <li>保修政策</li>
                            <li>防伪查询</li>
                            <li>退换货政策</li>
                            <li>手机寄修服务</li>
                            <li>维修备件价格查询</li>
                        </ul>
                        <ul>
                            <li style="font-size: 17px; color: #000;">维修与技术支持</li>
                            <li>服务店</li>
                            <li>预约维修</li>
                            <li>手机寄修</li>
                            <li>备件价格查询</li>
                            <li>上门服务</li>
                        </ul>
                        <ul>
                            <li style="font-size: 17px; color: #000;">特色服务</li>
                            <li>防伪查询</li>
                            <li>补购保障</li>
                            <li>以旧换新</li>
                            <li>礼品包装</li>
                        </ul>
                        <ul>
                            <li style="font-size: 17px; color: #000;">关于我们</li>
                            <li>公司介绍</li>
                            <li>华为零售店</li>
                            <li>商家中心</li>
                            <li>意见反馈</li>
                        </ul>
                        <ul>
                            <li style="font-size: 17px; color: #000;">友情链接</li>
                            <li>华为集团</li>
                            <li>华为CBG官网</li>
                            <li>花粉俱乐部</li>
                            <li>华为云</li>
                            <li>华为应用市场</li>
                        </ul>
                    </div>
                    <div class="footer2-3">
                        <p>950805</p>
                        <p>7x24小时客服热线（仅收市话费）</p>
                        <p>
                            <span class="iconfont icon-kefu"></span>
                            <span>在线客服</span>
                        </p>
                        <p>
                            <span>关注VMALL:</span>
                            <span class="iconfont icon-weixin"></span>
                            <span class="iconfont icon-toutiaoyangshi"></span>
                            <span class="iconfont icon-xinlangweibo"></span>
                            <span class="iconfont icon-baidu"></span>
                        </p>
                    </div>
                </div>
            </div>
            <div class="footer3">
                <div class="footer3-1">
                    <img src="https://res.vmallres.com/pimages//pages/cdnImages/71244871193617844217.png">
                </div>
                <div class="footer3-2">
                    <div class="footer3-2-2">
                        <span>华为集团</span><span>|</span>
                        <span>华为CBG官网</span><span>|</span>
                        <span>花粉俱乐部</span><span>|</span>
                        <span>华为应用市场</span><span>|</span>
                        <span>HarmonyOS</span><span>|</span>
                        <span>华为终端云空间</span><span>|</span>
                        <span>开发者联盟</span><span>|</span>
                        <span>华为商城手机版</span><span>|</span>
                        <span>网站地图</span>
                    </div>
                    <div class="footer3-2-1">
                        <span>隐私声明 </span><span>服务协议</span>
                        <span>COOKIES</span><span>Copyright</span>
                        <span>©</span><span>2012-2022</span>
                        <span>华为终端有限公司</span><span>版权所有</span>
                        <span>粤ICP备19015064号</span><span>|</span>
                        <span>粤公网安备 44190002003939号</span>
                    </div>
                    <div class="footer3-2-1">
                        <span>增值电信业务经营许可证：粤B2-20190762 </span><span>|</span>
                        <span>备案主体编号：44201919072182</span><span>|</span>
                        <span>粤新出网备（2021）2号</span><span>|</span>
                        <span>（粤）网械平台备字[2022]第00005号</span>
                    </div>
                    <div class="footer3-2-1">
                        <span>互联网药品信息服务资格证（粤）-非经营性-2020-0102</span><span>|</span>
                        <span>粤东食药监械经营备20203930</span><span>|</span>
                        <span>广东省网络食品交易第三方平台备案：GDWS10168</span>
                    </div>
                </div>
                <div class="footer3-3">
                    <img src="https://res.vmallres.com/pimages/template/content/2016/20160226162415360.png">

                </div>
            </div>
        </div>
        <!-- 右侧固定栏 -->
        <div class="right">
            <ul>
                <li>
                    <span class="iconfont icon-gouwuche "></span>
                    <p>购物车</p>
                </li>
                <li>
                    <span class="iconfont icon-kefu" style="font-size: 25px;"></span>
                    <p>在线客服</p>
                </li>
                <li>
                    <span class="iconfont icon-yongxinfuwu"></span>
                    <p>自助服务</p>
                </li>
                <li>
                    <span class="iconfont icon-huidaodingbu1"></span>
                    <p>回到顶部</p>
                </li>
            </ul>
        </div>
</body>
<script src="../js/gather.js"></script>
<script src="../jquery/jquery-min.js"></script>
<script src="../js/list.js"></script>

</html>